/*
#------------------------------------------------------------------------
  JD Purity for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/


/*===========
template.css
=============*/

/* COMMON STYLE
--------------------------------------------------------- */
html { direction: rtl; }

th { text-align: right; }

/* List ---*/
.ja-block ul li,
.ja-block-rounded ul li,
.ja-block ul li,
.node-content ul li {
	background-position: 99% 8px;
	padding-right: 30px;
	padding-left: 0;
}

.ja-block ol li,
.ja-block-rounded ol li,
.ja-block ol li,
.node-content ol li { margin-left: 0; margin-right: 30px; }

/* FORM
--------------------------------------------------------- */
.form-select {
	margin: 5px 0 0 5px;
}

.form-checkboxes, .form-radios {
	margin: 5px 0 0 5px;
}

.form-checkbox, .form-radio {
	margin: 0 0 0 3px;
}

/* COMMON DRUPAL STYLE
--------------------------------------------------------- */
/* Meta ---*/
.node-meta { float: right; }

/* Node Images --- */
.node img.left {
	margin-left: 10px;
	margin-right: 0;
	float: right;
}

.node img.right {
	margin-left: 0;
	margin-right: 10px;
	float: left;
}

/* Links ---*/
ul.links li {}

/* Tabs ---*/
ul.primary li {
	margin: 0 5px 0 0;
	float: right;
}

ul.secondary li {
	float: right;
}

ul.secondary li a {
	float: right;
}

/* pager ---*/
.item-list ul li,
.item-list .pager li {
	margin: 0 0 5px 5px;
	padding: 0;
	float: right;
}

.ja-content-main .item-list a,
.ja-content-main .item-list .pager li a {
	float: right;
}

.block-content .item-list ul li {
	padding: 0 8px 0 3px;
	background-position: right 6px;
}

/* COMMENTS
--------------------------------------------------------- */
#comments .indented {
	margin-left: 0;
	margin-right: 10px;
}

#comments .indented .indented {
	margin-left: 0;
	margin-right: 30px;
}

#comments .indented .comment {
	padding-left: 0;
	padding-right: 30px;
	background: url(../images/rtl/indent-tree.gif) no-repeat right 12px;
}

/* FORUMS 
--------------------------------------------------------- */
/* Forums Links --- */
.forum-topic-navigation .topic-next {
	text-align: left;
	float: left;
}

.forum-topic-navigation .topic-previous {
	text-align: right;
	float: right;
}

/* Forums Main Table --- */
#forum tr td.forum {
	background-position: 96% 10px;
	padding-left: 10px;
	padding-right: 30px;
}

#forum div.indent {
	padding-left: 0;
	padding-right: 20px;
}

/* HELP PAGES
--------------------------------------------------------- */
.help-items ul li a:hover, .help-items ul li a:active, .help-items ul li a:focus {
	background-position: 98% center;
}

/* ADMIN'S PAGE
------------------------------------------------------*/
/* Admin's pages elements --- */
div.admin .compact-link a {
	float: right;
}

.admin-panel ul.menu li a {
	background-position: 98% center;
}

.admin-panel ul.menu li a:hover, .admin-panel ul.menu li a:active, .admin-panel ul.menu li a:focus {
	background-position: 98% center !important;
}

dl.multiselect dt {
	margin: 0 0 0 20px;
}

/* BLOCK STYLES
--------------------------------------------------------- */
/* Search Block ---*/
#ja-search {
	left: 0;
	right: auto;
}

/* Badge Block ---*/
.badge { background-image: url(../images/rtl/icon-badge.png); right: auto; left: 0; }

/* Module list ---*/
div.ja-block ul li {
	padding-left: 0;
	padding-right: 12px;
	background-position: 98% 8px;
}

/* HEADER
--------------------------------------------------------- */
h1.logo, div.logo-text { float: right; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
span.has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right 2px;
}

/* Breadcrumbs ---*/
#ja-navhelper .ja-breadcrums {
	float: right;
	margin-left: 0;
	margin-right: 20px;
}

#ja-navhelper .ja-breadcrums strong { margin-right: 0; margin-left: 5px; }

/* Extras ---*/
#ja-navhelper .ja-links { float: left; }

#ja-navhelper .ja-links li.top a {}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl li, #ja-botsl li {
	background-position: 99% 10px;
	padding-left: 0; 
	padding-right: 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 0; margin-right: 25px; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer .main {}
#ja-footer .inner {}

/* Foot Links ---*/
a.ja-tool-switchlayout {
	float: left;
	margin-left: 10px;
	margin-right: 0;
}


/* MISCELLANOUS
----------------------------------------------------------- */
/*==========
usertools.css
============*/
#jd-cpanel-wrapper {
	left: 30px;
	right: auto;
	direction: ltr;
}

#jd-cpanel {
	left: 0;
	right: auto;
}

/*==========
typo.css
============*/
/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code { border-left: 0; border-right: 5px solid #ccc; }

/* Dropcap ---*/
.dropcap { float: right; padding: 7px 0 0 8px; }

/* Tips, Error, Message, Hightlight ---*/
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 0;
	padding-right: 25px;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon,
p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
	right: 0;
}

/* Special list style ---*/
ul.checklist li, ul.star li, ul.arrow li,
ul.address li, ul.phone li, ul.email li {
	margin-left: 0;
	margin-right: 8px;
	padding: 0 22px 0 0;
}

ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
	right: 0;
}

ul.arrow span.icon {
	background-image: url(../images/rtl/icons-arrow.png);
	background-position: left top;
}

ul.bookmark-links li {
	background-position: right 10px !important;
	padding: 5px 10px 5px 0 !important;
}

/* Big Number ---*/
p.blocknumber { padding: 5px 55px 5px 0 !important; }

.bignumber-1, .bignumber-2, .bignumber-3 { right: 0; }

/* Talking box. Thinking box. ---*/
div.bubble span.arrow {
	margin-left: 0;
	margin-right: 20px;
}

div.bubble span.author {
	background-position: 99% 3px;
	padding-left: 0;
	padding-right: 25px;
}

/* Box style ---*/
.box-sticky, .box-download {
	background-position: 99% center;
	padding-left: 0 !important;
	padding-right: 50px !important;
}

/* Legend ---*/
.legend-title { float: right; left: auto; right: 7px; }

/* OTHERS
--------------------------------------------------*/
div.ja-adv span.sponsor { text-align: left; }

/*==========
menu/*.css
============*/

/* SPLIT + DROPLINE
----------------------------------------------------------- */
#ja-splitmenu li, #jasdl-mainnav li { float: right; }

/* Sub Nav ---*/
#ja-subnav li {
	float: right;
}

#ja-subnav li.first-item {}

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul { display: none;}

#ja-subnav ul li.hover ul { left: auto; right: auto; display: block; }

#ja-subnav ul li.haschild a.haschild span.menu-title {
	background: url(../images/rtl/arrow.png) no-repeat left center;
	padding-right: 0;
	padding-left: 12px;
}

#ja-subnav ul li.haschild li.haschild a.haschild:hover span.menu-title { background-image: url(../images/rtl/arrow.png) }

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { padding-left: 0; }

#ja-subnav ul li ul li { text-align: right; }

/* Sub Nav (lv3) ---*/
#ja-subnav ul ul li.hover ul, #ja-subnav ul ul li:hover ul {
	right: auto;
	margin: -1em 12em 0 0;
}

/* CSS + MOO
----------------------------------------------------------- */
#ja-cssmenu { }

#ja-cssmenu li { float: right; }

#ja-cssmenu li li { padding: 0 0 0 1em; }

#ja-cssmenu li ul {
	left: auto;
	right: -999em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: auto;
	right: -999em;
}

#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
	right: auto;
}

#ja-cssmenu li ul ul {
	margin: -2em 14em 0 0; /* third-and-above-level lists */
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background-position: 6% 50%;
	background-image: url(../images/rtl/arrow.png);
}

/* MEGA MENU
----------------------------------------------------------- */
.ja-megamenu .megacol {
	float:right;
}

.ja-megamenu ul.level0 { }

.ja-megamenu ul.level0 li.mega { float: right; }

.ja-megamenu ul.level0 li.mega .has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right top;
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
	background-position: right center;
	padding-left: 0;
	padding-right: 12px
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-desc,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 0;
	padding-right: 12px;
}

.ja-megamenu li.mega .childcontent,
.ja-megamenu li.haschild-over li.mega .childcontent,
.ja-megamenu li.mega li.haschild-over li.mega .childcontent ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: auto; right: 999em; /*hide the menu*/ }

.ja-megamenu li.haschild-over .childcontent,
.ja-megamenu li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { right: auto; left: 0; /*show on parent:hover*/ }

.ja-megamenu li.mega .right,
.ja-megamenu li.haschild-over li.mega .right,
.ja-megamenu li.mega li.haschild-over li.mega .right ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .right, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { left: auto; /*hide the menu*/ }

.ja-megamenu li.haschild-over .right
{ left: 0; /*show on parent:hover*/ }
.ja-megamenu li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right 
{ left: 12em; /*show on parent:hover*/ }

.ja-megamenu ul.level1 li.mega { float: none; }

.ja-megamenu ul.level1 .childcontent { margin: -2em 140px 0 0; }

.ja-megamenu ul.level1 li.mega a.mega span.menu-title { padding-right: 0; }

.ja-megamenu ul.level1 li.haschild {
	background-position: 5% center;
	background-image: url(../images/rtl/arrow.png);
}

.ja-megamenu ul.level1 li.over, .ja-megamenu ul.level1 li.haschild-over {}

.ja-megamenu ul.level1 li.group { background: none; }

.ja-megamenu .childcontent .ja-moduletable li { background-position: right 7px !important; }